@import "../../../styles/variables";

.logo {
    width: 13.5rem;
    height: 2.8125rem;
}

.search-container {
    border-left: 1px solid $light-grey;
    font-size: 0.85rem;
}

.search-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.nav-link {
    font-size: $secondary-font-size;
    color: #FFF;
    font-weight: $font-weight-medium;
    line-height: 2rem;
    text-decoration: none;
}

.nav-item.active > .nav-link {
    color: $secondary-color;
    font-weight: $font-weight-bold;
}

.dropdown-item {
    padding: $dropdown-item-padding-y 0rem;
    border-bottom: 1px solid transparentize(#000000, $amount: 0.93);
    text-decoration: none;

    &:nth-last-of-type(1) {
        border: 0;
    }
}

.dropdown-menu {
    padding: $dropdown-padding-y $dropdown-item-padding-x;
}

#navUser {
    background-color: #DADBDB;
    color: $body-color;
    border-radius: 2rem;
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    padding: 0.5rem 0.75rem;

    &.dropdown-toggle::after {
        display: none;
    }
}